<template>
  <div class="about">
    <div class="box">
      <img src="../../img/badge.png" alt="">  
      <div class="word">
        <span>美墅装修</span>
        <p>美好生活，美墅装修</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: 4,
    };
  },
  mounted() {
    setTimeout(() => {
      this.$router.push('/home/index')
    }, 3000);
  },
};
</script>
<style lang="scss" scoped>
  .about{
    background-color: #f4d749;
    height: 100vh;
    width: 100vw;
    .box{
      position: absolute;
      bottom: 5%;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      .word{
        font-weight: 600;
        margin-left: 8px;
        font-size:12px;
        // 111111
        span{
          font-size: 26px;
          color: #444;
        }
      }
    }
  }
</style>
